<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>让插件具有隐私的功能</title>
    <link rel="stylesheet" href="../../css/common.css">
    <script type="text/javascript" src="../../js/jquery.js"></script>
    <script type="text/javascript" src="color_jquery.js"></script>
    <style>
        p{ float: left; width: 100px; line-height: 30px;
            margin-right: 20px; margin-top: 30px;}
    </style>
    <script>
        $(function(){

            $.fn.color.defaults = { // 预设默认的前景色和背景色
                bcolor: "#eea",
                fcolor: "red"
            };
            $.fn.color.format = function(str){ // 扩展 color() 插件的功能，使内部文本加粗显示
                return "<strong>" + str + "</strong>";
            };
            $(".p1").color();
            $("p").color({ggcolor: "gray"}); // 为段落文本设置默认色，同时覆盖背景色为白色
            $.fn.color.format = function(str){ // 扩展 color() 插件的功能，使内部文本放大显示
                return "<span style='font-size: 30px;'>" + str + "</span>";
            };
            $("div").color(111); // 为盒子设置默认色
        })
    </script>
</head>
<body>

    <p class="p1">我是第一梯队</p>
    <p>我是第二梯队</p>
    <p class="p1">我是第三梯队</p>
    <p>我是第四梯队</p>
    <p class="p1">我是第五梯队</p>
    <p>我是第六梯队</p>
    <div>我是div</div>

</body>
</html>
